{extend name="base"}
{block name="content"}
<link rel="stylesheet" href="__RES__/../static/merchant/flat/store_set.css">
<script src="__RES__/../static/merchant/flat/laydate/laydate.js"></script>
<script src="__RES__/../static/merchant/flat/datetime.js"></script>
<div class="main_div">
						<form class="form-inline" method="get" id="search_form">
						<div class="one_search">
							
							<div class="e_d_div">
								<div class="u_s_val" style="width: 200px">
									<select name="paytype" class="u_s_v1">

								<option value="" {if $Think.get.paytype==''}selected{/if}>全部方式</option>

								{foreach $pay_product as $k => $v}

								<option value="{$k|htmlentities}" {if $Think.get.paytype==$k}selected{/if}>{$v}</option>

								{/foreach}

							</select>
								</div>
								
								<div class="u_s_val" style="width: 200px">
									<select name="goods_id" class="u_s_v1">
											<option value="" {if $Think.get.goods_id==''}selected{/if}>全部商品</option>
											{foreach $goods as $v}
											<option value="{$v.id}" {if $Think.get.goods_id==$v.id}selected{/if}>{$v.name}</option>
											{/foreach}
									</select>
								</div>
								
								
								<div class="searchs_div">
									<div class="u_s_val">
										<select name="type" class="u_s_v1">
											<option value="0" {if $Think.get.type=='0'}selected{/if}>订单编号</option>
											<option value="1" {if $Think.get.type=='1'}selected{/if}>商品名称</option>
											<option value="2" {if $Think.get.type=='2'}selected{/if}>联系方式</option>

										</select>
									</div>
									<div class="s_input">
										<i class="iconfont icon-chaxun"></i>
										<input type="text" placeholder="输入关键字查询" name="keywords" value="{$Think.get.keywords|htmlentities}">
										
									</div>
								</div>
								
                                <div class="u_s_val"  style="float: right; width:360px;">
								
								<div class="btn_set" style="width: 120px;float: right" onclick="$(&#39;#search_form&#39;).submit();"><i class="iconfont icon-chaxun"></i><span>搜索</span></div>
								<div class="date_s_r" style="width: 200px; float: right; margin-right: 10px;">
									<input type="text" id="date_range" name="date_range" class="date_s_div date_end u_s_v1" value="{:urldecode($Think.get.date_range)}" style="width: 200px;border: 1px solid #eee;" lay-key="1">
								</div>
								</div>
							</div>
						</div>
						<div class="ty_box orders">
							<div class="d_ty_head">
								<b class="e_d_t_title">收益分析<span>Anaysis</span></b>
								
							</div>
						
							<ul class="ty_b_list">
								<li class="ty_l_head">
									<div class="ty_l_d1" style="width: 200px;">订单号</div>
									<div class="ty_l_d3" style=" width: calc(100% - 1250px);">商品名称</div>
									<div class="ty_l_d8">支付方式</div>
									<div class="ty_l_d8">总价</div>
									<div class="ty_l_d8">购买者信息</div>
									<div class="ty_l_d8">状态</div>
									<div class="ty_l_d8">取卡状态</div>
									<div class="ty_l_d2">交易时间</div>
									<div class="ty_l_d8">操作</div>
								</li>
								{foreach $orders as $v}
								 <li class="ty_l_li">
                                    <div class="ty_l_d1" style="width: 200px;"><a style="color:#9599f9;" href="/orderquery?orderid={$v.trade_no}" target="_blank">{$v.trade_no}</a></div>
                                    <div class="ty_l_d2" style=" width: calc(100% - 1250px);">{$v.goods_name}
										{eq name="v.status" value="1"}
										<a class="fetch" style="color:#9599f9;" href="/merchant/order/fetchcard?id={$v.id}">（{$v.quantity}张）</a>
										{else}
										（{$v.quantity}张）
										{/eq}
										{if $v.coupon_type==1}
										<span class="label label-pink">券</span>
										{/if}
										{if $v.take_card_type==1}
										{eq name="v.status" value="1"}
										<a href="/merchant/order/fetchcard?id={$v.id}"><span class="label label-primary">取</span></a>
										{else}
										<span class="label label-primary">取</span>
										{/eq}
										{/if}</div>
                                    <div class="ty_l_d8">{:get_paytype_name($v.paytype)}</div>
                                    <div class="ty_l_d8">{$v.total_product_price}</div>
									 <div class="ty_l_d8">{$v.contact}</div>
									 <div class="ty_l_d8">{switch name="v.status"}

								{case value="1"}已付款{/case}

								{case value="0"}未付款{/case}

								{/switch}</div>
									 <div class="ty_l_d8">{if $v.cards_count>0}

									{if $v.cards_count>=$v.quantity}

									已取

									{else/}

									已取部分

									{/if}

								{else/}

								未取

								{/if}</div>
									 <div class="ty_l_d2">{$v.create_at|date="Y-m-d H:i:s",###}</div>
									 <div class="ty_l_d8">{if $v.status==1 && $v.cards_count==0}
								<a class="fetch" href="/merchant/order/fetchcard?id={$v.id}">提卡</a>
                                <a href="/merchant/order/dumpCards?trade_no={$v.trade_no}" target="_blank">导出</a>{/if}</div>
                                </li>
								{/foreach}
								<div class="ty_b_footer">
 <style>
.pagination li{
	float: left; 
	margin-left: 10px;
    padding: 0 12px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #c1c1ca;
    letter-spacing: 1px;
	cursor: pointer;
    border-radius: 2px;}
.pagination li:hover,
.pagination li.active {
    background-color: #9599f9;
    color: #fff;	
}
.pagination li.disabled {
    display: none;
}	 
</style>             
            <div id="page" class="page_div">
                {$page}
            </div>
                                    </div>
							</ul>
						</div></form>
					</div>

			<script>
        //执行一个laydate实例
        laydate.render({
            elem: '#date_range', //指定元素
            type: 'datetime',
            trigger: 'click', //采用click弹出
                // value: endDate,
                    done: function(value, date, endDate){
            // $('#search_form').submit();
            console.log(value); //得到日期生成的值，如：2017-08-18
            console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
            console.log(endDate); //得结束的日期时间对象，开启范围选择（range: true）才会返回。对象成员同上。
        }
        });
        
	</script>
      


{/block}